import React, { PropTypes, Component } from 'react'
import classnames from 'classnames'


class CptList extends Component {
 constructor(props, context) {
    super(props, context)


  }

  render() {
    return (
      <div className={classnames({
                  'cpts':true,
                  'visible': this.props.cptListVisible
                })}> 
        <div className="cpts-wrap">
          <h3>添加新版块</h3>
          <div className="cpts-list">
            <div className="btn-close">
              <i className="fa fa-remove"></i>
            </div>
            <div className="btn-type selected">基础模块</div>
            <ul className="cpts-list-items">
              <li>
                <div className="tit">普通头图
                </div>
                <div className="pic">
                    <img src='http://assets.strikingly.com/assets/v4/bright/sections/title/thumbnail/cover.jpg' alt=''/>
                </div>
              </li>
              <li>
                <div className="tit">普通头图
                </div>
                <div className="pic">
                    <img src='http://assets.strikingly.com/assets/v4/bright/sections/title/thumbnail/cover.jpg' alt=''/>
                </div>
              </li>
              <li>
                <div className="tit">普通头图
                </div>
                <div className="pic">
                    <img src='http://assets.strikingly.com/assets/v4/bright/sections/title/thumbnail/cover.jpg' alt=''/>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    )
  }
}

CptList.propTypes = {
  
}

export default CptList
